<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<body>
	<!-- Navbar -->
	<nav
		class="main-header navbar navbar-expand bg-white navbar-light border-bottom"
		th:fragment="header">
		<!-- Left navbar links -->
		<ul class="navbar-nav">
			<li class="nav-item"><a class="nav-link" data-widget="pushmenu"
				href="#"><i class="fa fa-bars"></i></a></li>
			<li class="nav-item d-none d-sm-inline-block"><a
				href="index3.html" class="nav-link">Home</a></li>
			<li class="nav-item d-none d-sm-inline-block"><a href="#"
				class="nav-link">Contact</a></li>
		</ul>

		<!-- SEARCH FORM -->
		<form class="form-inline ml-3">
			<div class="input-group input-group-sm">
				<input class="form-control form-control-navbar" type="search"
					placeholder="Search" aria-label="Search"></input>
				<div class="input-group-append">
					<button class="btn btn-navbar" type="submit">
						<i class="fa fa-search"></i>
					</button>
				</div>
			</div>
		</form>

		<!-- Right navbar links -->
		<ul class="navbar-nav ml-auto">
			<!-- Messages Dropdown Menu -->
			<li class="nav-item dropdown"><a class="nav-link"
				data-toggle="dropdown" href="#"> <i class="fa fa-comments-o"></i>
					<span class="badge badge-danger navbar-badge">3</span>
			</a>
				<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
					<a href="#" class="dropdown-item"> <!-- Message Start -->
						<div class="media">
							<img th:src="@{~/img/headIcon/user2.jpg}" alt="User Avatar"
								class="img-size-50 mr-3 img-circle"></img>
							<div class="media-body">
								<h3 class="dropdown-item-title">
									Brad Diesel <span class="float-right text-sm text-danger"><i
										class="fa fa-star"></i></span>
								</h3>
								<p class="text-sm ">晚上去happy...</p>
								<p class="text-sm text-muted">
									<i class="fa fa-clock-o mr-1"></i> 4 Hours Ago
								</p>
							</div>
						</div> <!-- Message End -->
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item"> <!-- Message Start -->
						<div class="media">
							<img th:src="@{~/img/headIcon/user3.jpg}" alt="User Avatar"
								class="img-size-50 img-circle mr-3"></img>
							<div class="media-body">
								<h3 class="dropdown-item-title">
									John Pierce <span class="float-right text-sm text-muted"><i
										class="fa fa-star"></i></span>
								</h3>
								<p class="text-sm">下周去happy</p>
								<p class="text-sm text-muted">
									<i class="fa fa-clock-o mr-1"></i> 4 Hours Ago
								</p>
							</div>
						</div> <!-- Message End -->
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item"> <!-- Message Start -->
						<div class="media">
							<img th:src="@{~/img/headIcon/user4.jpg}" alt="User Avatar"
								class="img-size-50 img-circle mr-3"></img>
							<div class="media-body">
								<h3 class="dropdown-item-title">
									Nora Silvester <span class="float-right text-sm text-warning"><i
										class="fa fa-star"></i></span>
								</h3>
								<p class="text-sm">下个月去happy</p>
								<p class="text-sm text-muted">
									<i class="fa fa-clock-o mr-1"></i> 4 Hours Ago
								</p>
							</div>
						</div> <!-- Message End -->
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item dropdown-footer">查看所有消息</a>
				</div></li>
			<!-- Notifications Dropdown Menu -->
			<li class="nav-item dropdown"><a class="nav-link"
				data-toggle="dropdown" href="#"> <i class="fa fa-bell-o"></i> <span
					class="badge badge-warning navbar-badge">15</span>
			</a>
				<div class="dropdown-menu dropdown-menu-lg dropdown-menu-right">
					<span class="dropdown-item dropdown-header">15个通知</span>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item"> <i
						class="fa fa-envelope mr-2"></i> 4条新消息 <span
						class="float-right text-muted text-sm">3 mins</span>
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item"> <i class="fa fa-users mr-2"></i>
						8个朋友申请<span class="float-right text-muted text-sm">12
							hours</span>
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item"> <i class="fa fa-file mr-2"></i>
						3个新报告 <span class="float-right text-muted text-sm">2
							days</span>
					</a>
					<div class="dropdown-divider"></div>
					<a href="#" class="dropdown-item dropdown-footer">查看所有通知</a>
				</div></li>
			<li class="nav-item">
				<form name='form1' th:action="@{/logout}" method="post">     
				   	<a class="nav-link" data-slide="true" href='javascript:document.form1.submit();' title="退出"><i
					class="fa fa-th-large">退出</i></a>   
				</form> 
		
			</li>
		</ul>
	</nav>
	<!-- /.navbar -->

</body>
</html>